<template>
  <!-- 资金策划表 -->
  <div class="FundPlanning-container">
    <div class="title-wrapper">
      <span class="title-pre">{{ formInfo.fundPlanTableName }}</span>
      <span>资金策划表及编制报告审批表</span>
    </div>
    <table
      border="1"
      class="table"
    >
      <tbody>
        <tr>
          <td class="title-col">
            公司总经理
          </td>
          <td>{{ formInfo.gszjl }}</td>
        </tr>
        <tr>
          <td class="title-col">
            公司总会计师
          </td>
          <td>{{ formInfo.gszkjs }}</td>
        </tr>
        <tr>
          <td class="title-col">
            公司审核小组
          </td>
          <td>{{ formInfo.gsshxz }}</td>
        </tr>
        <tr>
          <td class="title-col">
            分公司评审小组
          </td>
          <td>{{ formInfo.fgspsxz }}</td>
        </tr>
        <tr>
          <td class="title-col">
            项目经理
          </td>
          <td>{{ formInfo.xmjl }}</td>
        </tr>
        <tr>
          <td class="title-col">
            编制小组
          </td>
          <td>{{ formInfo.bzxz }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
import totalPackageContractApi from '@/api/legal/branchContract/totalPackageContract'
export default {
  name: 'FundPlanning',
  props: {
    businessId: {
      type: [String, Number],
      default: ''
    }
  },
  data() {
    return {
      formInfo: {}
    }
  },
  methods: {
    async getPrintContent() {
      try {
        const res = await totalPackageContractApi.fundPlanningPrint(
          {},
          {
            businessId: this.businessId
          }
        )
        this.formInfo = res.data || {}
        return new Promise((resolve, reject) => {
          this.$nextTick(() => {
            resolve()
          })
        })
      } catch (e) {}
    }
  }
}
</script>

<style lang="less" scoped>
@ft_color: #000000;
.FundPlanning-container {
  //   width: 566px;
  width: 80%;
  margin: 0 auto;
}
.table {
  width: 100%;
  margin-top: 10px;
}
.title-wrapper {
  display: flex;
  align-items: flex-end;
  font-size: 20px;
  padding: 20px 0;
  .title-pre {
    text-align: center;
    flex: 1;
    display: block;
    content: '';
    height: 100%;
    border-bottom: 1px solid @ft_color;
  }
}
.title-col {
  width: 18%;
  font-size: 12px;
}
td {
  padding: 15px 10px;
}
</style>